/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
	-moz-tab-size: 2; /* Firefox */
	tab-size: 2;
	--ifm-font-family-base: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont,
	'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
	'Segoe UI Emoji', 'Segoe UI Symbol';
	--ifm-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
	'Liberation Mono', 'Courier New', monospace;
	--ifm-color-primary: #e1ad03;
	--ifm-color-primary-dark: #d5a64c;
	--ifm-color-primary-darker: #c89c48;
	--ifm-color-primary-darkest: #af893b;
	--ifm-color-primary-light: #c89c48;
	--ifm-color-primary-lighter: #d5a64c;
	--ifm-color-primary-lightest: #e1b000;
	--ifm-font-size-base: 95%;
	--ifm-code-font-size: 100%;
	--ifm-line-height-base: 1.65;
	--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
	--navbar-bg: #ffffff1a;
}

.table-of-contents__left-border {
	--ifm-toc-border-color: rgba(0, 0, 0, 0);
}

.theme-doc-sidebar-container {
	--ifm-toc-border-color: rgba(0, 0, 0, 0);
}

.navbar-sidebar {
	min-height: 100vh;
}

.navbar {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background-color: var(--navbar-bg);
}

.footer {
	--ifm-footer-background-color: rgba(36, 37, 38, 1.0);
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
	--ifm-color-primary: #fac03d;
	--ifm-color-primary-dark: #f5c000;
	--ifm-color-primary-darker: #e0b000;
	--ifm-color-primary-darkest: #cca000;
	--ifm-color-primary-light: #d5a64c;
	--ifm-color-primary-lighter: #e1b000;
	--ifm-color-primary-lightest: #fac03d;
	--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
	--navbar-bg: #0000003a;
}
